<template>
    <el-table :data="tableData" style="height: 200px">
        <el-table-column prop="date" label="日期"></el-table-column>
        <el-table-column prop="name" label="姓名"></el-table-column>
        <el-table-column prop="address" label="地址"></el-table-column>
        <el-table-column prop="hobby" label="爱好"></el-table-column>
        <el-table-column prop="score" label="分数"></el-table-column>
    </el-table>
</template>

<script setup>
import { ref } from 'vue'

const tableData = ref([
    {
        date: '2016-05-02',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1518 弄',
        hobby: '篮球',
        score: 100
    },
    {
        date: '2016-05-04',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1517 弄',
        hobby: '足球',
        score: 90
    },
    {
        date: '2016-05-01',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1519 弄',
        hobby: '羽毛球',
        score: 80
    },
    {
        date: '2016-05-03',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1516 弄',
        hobby: '乒乓球',
        score: 70
    }
])
</script>

<style lang="scss" scoped>

</style>